
@import './color.scss';
@import './mixin.scss';
#center{
  // 标题栏
  .tab_bar{
    width: 46rem /* 736/16 */;
    font-size: 2.75rem /* 44/16 */;
    color: $grey1;
    height: 4.875rem /* 78/16 */;
    align-items: center;
    padding-top: 10.125rem /* 162/16 */;
    padding-bottom: 6.25rem /* 100/16 */;
    margin: 0 auto;
    div{
      transition: all 0.2s;
    }
  }

  .tab_bar_hover{
    font-size: 3.5rem /* 56/16 */;
    color: $selected;
    &::after{
      @include pseudo-element;
      width: 11.0625rem /* 177/16 */;
      height: 1.5rem /* 24/16 */;
      background: $green;
      margin: -1rem /* 16/16 */ auto 0;
    }
  }
  // 列表
  .news_list{
  }
  .news_item{
    width: 22.5rem /* 360/16 */;
    padding-top: 3.75rem /* 60/16 */;
    &:not(:nth-child(3n)){
      margin-right: 3.75rem /* 60/16 */;
    }
    img{
      width: 22.5rem /* 360/16 */;
      height: 15rem /* 240/16 */;
      background: rgba(0,0,0,0);
      border-radius: 1rem /* 16/16 */;
    }
    .title{
      font-weight: 400;
      color: #333333;
      font-size: 1.125rem /* 18/16 */;
      line-height: 1.8125rem /* 29/16 */;
      padding: .75rem /* 12/16 */ 0;
    }
    p{
      font-size: 1.125rem /* 18/16 */;
      color: #999999;
      line-height: 1.625rem /* 26/16 */;
    }
    a{text-decoration: none;}
  }
  #pagination{
    margin: 5rem /* 80/16 */ auto 6.25rem /* 100/16 */;
    text-align: center;
    .pagination{
      display: inline-flex;
      text-decoration: none;
      color: rgba(0,0,0,0.65);
      transition: all .7s ease 0s;
      height: 2rem /* 32/16 */;
      align-items: center;
      margin: 0 .25rem /* 4/16 */;
      border-radius: .5rem /* 8/16 */;
      font-size: .875rem /* 14/16 */;
      &:not(.icon-arrow-dian){
        border: 1px solid rgba(0,0,0,0.15);
        padding-left: .625rem /* 10/16 */;
        padding-right: .625rem /* 10/16 */;
      }
      .icon-arrow-dian{
        margin: 0 .1875rem /* 3/16 */;
      }
      &:hover {
        color: #fff;
        background-color: $selected;
        &:not(.pagination-active){
          opacity: 0.9;
        }
      }
      &-active {
        background: $selected;
        color: #fff
      }
    }
  }
}

.header{
  background-color: #fff;
}




/*屏幕小于750处理 BEGIN*/
@media screen and (max-width: 46.875rem /* 750/16 */) {
  #center{
    .tab_bar{
      width: auto;
      padding-top: 2.5rem /* 40/16 */;
      margin: 0 24px;
      padding-bottom: 0;
      justify-content: space-around!important;
      height: 3rem;
      div{
        font-size: 1.125rem /* 18/16 */;
        font-weight: 600;
      }
      .tab_bar_hover{
        font-size: 1.5rem /* 24/16 */;
        &::after {
          width: 4.875rem /* 78/16 */;
          height: .625rem /* 10/16 */;
          background: #B8E986;
          margin: -.375rem /* 6/16 */ auto 0;
        }
      }
    }
    .news_item{
      width: 100%;
      margin: 0 auto;
      padding: 0 1.5rem /* 24/16 */;
      padding-top: 3rem /* 48/16 */;
      &:not(:nth-child(3n)){
        margin: 0 auto;
      }
      img{
        width: 100%;
        object-fit: cover;
        height: 13.625rem /* 218/16 */;
        border-radius: 1rem /* 16/16 */;
      }
      .title{
        font-size: 1rem /* 16/16 */;
      }
      p{
        font-size: .75rem /* 12/16 */;
      }
    }
  }
  #pagination{
    margin: 3rem /* 48/16 */ 0!important;
  }
}
  .header .header_nav_bar li a{color: #191E40!important;}